<?php
PageUtil::addVar("stylesheet","<link href=\"".$stylepath."/user.css\" rel=\"stylesheet\">");
PageUtil::addVar("javascript","<script type=\"text/javascript\" src=\"".$jspath."/jquery.validate.js\"></script>");
PageUtil::addVar("javascript","<script type=\"text/javascript\" src=\"".$jspath."/additional-methods.js\"></script>");
PageUtil::addVar("javascript","<script type=\"text/javascript\">
$(function() {
  $.validator.addMethod(
          \"regex\",
          function(value, element, regexp) {
              var re = new RegExp(regexp);
              return this.optional(element) || re.test(value);
          },
          \"Please check your input.\"
  );
  // validate signup form on keyup and submit
  $(\"#signup-form\").validate({
    rules: {
      username: {
        required: true,
        minlength: 4,
        regex: /^[a-zA-Z0-9]+$/,
        remote: '".base_url('user/ajax_checkuser')."'
      },
      email: {
        required: true,
        remote: '".base_url('user/ajax_checkemail')."'
      },
      password: {
        required: true,
        minlength: 5
      },
      confirmpassword: {
        required: true,
        minlength: 5,
        equalTo: \"#password\"
      }
    },
    messages: {
      username: {
        required: 'กรุณากรอก Username',
        minlength: 'อย่างน้อย 4 ตัวอักษร',
        regex: 'ใช้ได้เฉพาะ a-z A-Z และ 0-9 เท่านั้น',
        remote: jQuery.validator.format('ชื่อนี้ได้ถูกใช้แล้ว โปรดลองใหม่')
      },
      firstname: 'โปรดกรอกชื่อจริง',
      lastname: 'โปรดกรอกนามสกุล',
      email: {
        required: 'กรุณากรอก Email',
        email: 'โปรดกรอกอีเมลล์ให้ถูกต้อง',
        remote: jQuery.validator.format('อีเมลล์นี้ได้ถูกใช้แล้ว โปรดลองใหม่')
      },
      password: {
        required: 'กรุณากรอกรหัสผ่าน',
        rangelength: jQuery.format('อย่างน้อย {0} ตัวอักษร')
      },
      confirmpassword: {
        required: 'กรุณากรอกรหัสผ่านอีกครั้ง',
        minlength: jQuery.format('อย่างน้อย {0} ตัวอักษร'),
        equalTo: 'รหัสผ่านจะต้องเหมือนกัน'
      },
      phone: {
        required: 'กรุณากรอกเบอร์โทรศัพท์สำหรับติดต่อ'
      },
      address: {
        required: 'กรุณากรอกที่อยู่สำหรับติดต่อ'
      },
      district: {
        required: 'กรุณากรอกอำเภอ'
      },
      province: {
        required: 'กรุณาเลือกจังหวัด'
      },
      zipcode: {
        required: 'กรุณากรอกรหัสไปรษณีย์'
      }
    }
  });
});
</script>");
?>

<div class="content_block col-xs-12 col-sm-12 col-md-12 col-lg-12">
  <form action="<?php echo base_url('user/register'); ?>" id="signup-form" class="form-horizontal" role="form" method="post">
    <h2>สมัครสมาชิก</h2>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="username">ชื่อผู้ใช้</label>
        <div class="col-sm-4">
          <input type="text" class="col-sm-4 form-control required" name="username" id="username">
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="firstname">ชื่อ</label>
        <div class="col-sm-4">
          <input type="text" class="col-sm-4 form-control required" name="first_name" id="firstname" >
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="lastname">นามสกุล</label>
        <div class="col-sm-4">
          <input type="text" class="col-sm-4 form-control required" name="last_name" id="lastname" >
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="email">อีเมล์</label>
        <div class="col-sm-4">
          <input type="text" class="col-sm-4 form-control required email" data-min-chars="5" data-email name="email" id="email" >
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="facebook">Facebook</label>
        <div class="col-sm-4">
          <input type="text" class="col-sm-4 form-control"  name="facebook" id="facebook" >
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="Line">Line</label>
        <div class="col-sm-4">
          <input type="text" class="col-sm-4 form-control" name="line" id="line" >
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="password">รหัสผ่าน</label>
        <div class="col-sm-4">
          <input type="password" class="col-sm-4 form-control required" name="password" id="password"  data-min-chars="6" >
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="confirmpassword">ยืนยันรหัสผ่าน</label>
        <div class="col-sm-4">
          <input type="password" class="col-sm-4 form-control required" name="confirmpassword" id="confirmpassword"  >
        </div>
      </div>

      <div class="form-group">
        <label class="col-sm-3 control-label">เพศ</label>
        <div class="col-sm-4">
          <label class="radio-inline">
            <input type="radio" name="gender" value="m" id="gender[m]">ชาย</label>
          <label class="radio-inline">
            <input type="radio" name="gender" value="f" id="gender[w]" >หญิง</label>
        </div>
      </div>
      <br />
      <div class="form-group">
        <label class="col-sm-3 control-label" for="phone">โทรศัพท์</label>
        <div class="col-sm-4">
          <input type="text" class="col-sm-4 form-control required" name="phone" id="phone">
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="mobile">โทรศัพท์มือถือ</label>
        <div class="col-sm-4">
          <input type="text" class="col-sm-4 form-control" name="mobile" id="mobile">
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="address">ที่อยู่</label>
        <div class="col-sm-4">
          <textarea class="col-sm-4 form-control required" name="address"  rows="3" id="address"></textarea>
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="district">อำเภอ</label>
        <div class="col-sm-4">
          <input type="text" class="col-sm-4 form-control required" name="district" id="district" >
        </div>
      </div>
       <div class="form-group">
        <label class="col-sm-3 control-label" for="province">จังหวัด</label>
        <div class="col-sm-4">
        <select name="province" id="province" class="col-sm-4 form-control required">
          <?php
          $provinces = $this->config->item("province");
          foreach ($provinces as $key => $value) {
            if($data[0]["province"] == $key){
              ?>
              <option value="<?php echo $key;?>" selected><?php echo $value;?></option>
              <?php
            }else{
              ?>
              <option value="<?php echo $key;?>"><?php echo $value;?></option>
              <?php
            }
          }
        ?>
      </select>
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-3 control-label" for="Zipcode">รหัสไปรษณีย์</label>
        <div class="col-sm-4">
          <input type="text" class="col-sm-4 form-control required" name="zipcode" id="zipcode" data-int data-max-chars="6">
        </div>
      </div>

      <div class="form-group">
        <div class="col-sm-offset-3 col-sm-9">
          <button type="submit" class="btn btn-primary" id="submitbtn" name="submitbtn" value="submitbtn">ยืนยัน</button>
          <a href="<?php echo base_url();?>" class="btn btn-default">ยกเลิก</a>
        </div>
      </div>
  </form>
</div>
